<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <!-- import CSS -->
    <title>大麦首页</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/element-ui/2.15.9/theme-chalk/index.css">
    <style>
        body{

        }
        blockquote, body, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul {
            margin: 0;
            padding: 0;
        }
        .el-header{
            background-color: white;
            line-height: 72px;
        }
        .center{
            width: 1200px;margin:0 auto}
        a:hover{
            color:#ff5c68
        }
        header a{
            margin: 10px;
            text-decoration: none;
            font-size: 16px;
            color: black;
        }
        .head_city{
            margin:10px;
            font-size: 15px;
            line-height: 15px;
        }
        .head_city_a{
            text-decoration: none;
            line-height: 15px;
            /*margin-bottom:10px;*/
        }
        .input-search{
            width: 200px;
            height: 51px;
            /*position: absolute;*/
            /*left: 0;*/
            /*top: 0;*/
            font-size: 14px;
            /*background-color: transparent;*/
            outline: 0;
            -webkit-appearance: none;
            padding: 0 0 0 50px;
            border-top-left-radius: 46px;
            border-bottom-left-radius: 46px;
            border: 1px solid #f2f2f2;
            background-color: #f8f8f8;
            /*border-right-color: #FF1268;*/
            box-sizing: content-box;
            z-index: 1;
        }
        .button-search{
            width: 82px;
            height: 100%;
            /*position: absolute;*/
            /*left: 30px;*/
            right: 100px;
            top: 0;
            background: #FF1268;
            line-height: 46px;
            font-size: 16px;
            text-align: center;
            color: #FFF;
            border-radius: 0 27px 27px 0;
            border: 1px solid #f2f2f2;
            letter-spacing: 4px;
            cursor: pointer;
            z-index: 5;
        }
        .main_content{
            width: 1150px;
            height: 480px;
            position: relative;
            border: 1px solid #EBEBEB;
            margin-top: 15px;
            overflow: hidden;


        }

        .main_content_1{
            margin:0;
            padding: 0;
            width: 1160px;
            height: 40px;
            line-height: 40px;
        }

        .main_content_2{
            /*蔡徐坤项目3*/
            /*background-image: url("../imgs/蔡徐坤项目3.jpg ")  ;*/
            /*background-size: contain;*/
            /*background-repeat: no-repeat;*/
            width: 272px;
            height: 382px;
            position: absolute;
            float: left;
            /*left: 0;*/
            top: 50px;
            margin-right: 0;
            padding: 0;

        }
        .image-container{
            position:relative;
            display: inline-block;
            width:272px ;
            height: 382px;
        }
        .text-overlay{
            position: absolute;
            top: 90%;
            left:41%;
            height:85px;
            width: 220px;
            transform: translate(-50%, -50%);
            color: white;
            font-size: 15px;
            text-align: left;
            background-color: rgba(0, 0, 0, 0.7);

        }
        .price_container{
            display: flex;
            align-items: flex-end;
            height: 100%;
        }
        .price_container_content{
            margin-top: auto;
            color: mediumpurple;
        }
        .title_p{
            height: 45px;
            overflow: hidden;
            /*设置超出的部分用省略号表示*/
            display: -webkit-box;
            -webkit-line-clamp:2;/*设置显示的行数*/
            -webkit-box-orient: vertical;/*设置纵向排列*/
            margin:0;
        }
        .title_p_actor{
            height: 40px;
            overflow: hidden;
            /*设置超出的部分用省略号表示*/
            display: -webkit-box;
            -webkit-line-clamp:2;/*设置显示的行数*/
            -webkit-box-orient: vertical;/*设置纵向排列*/
            margin:0;
        }
        .title_p_city{
            height: 20px;
            overflow: hidden;
            /*设置超出的部分用省略号表示*/
            display: -webkit-box;
            -webkit-line-clamp:2;/*设置显示的行数*/
            -webkit-box-orient: vertical;/*设置纵向排列*/
            margin:0;
        }

        .main_content_3{
            display: inline;
            width: 1000px;
            margin:0 0 50px 240px;
            height: 430px;
            padding: 0;
            vertical-align: top;
            overflow: hidden;
        }
        .main_content_3_1{
            display: inline-block;
            margin:30px 30px 90px 30px;
            /*padding:70px;*/
            width: 240px;
            height:80px;

        }
        .main_content_3_2{
            display: inline;
            margin:0;
            padding:0;
            width: 130px;
            height:80px;

        }
        .main_content_2 a{
            text-decoration: none;
            height: 45px;
            font-size: 16px;
            color: #fff;
            position: absolute;
            top: 300px;
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;

        }
        .footer_links{
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 36px 0;
            text-align: center;
            zoom: 1;
        }
        li,ul{
            list-style: none;
            margin: 0;
            padding:0;
        }
        .footer_links_list{
            float: left;
            font-size: 13px;
            margin-left: 10px;
            margin-right: 10px;
            color: #111;
        }
        footer a{
            text-decoration: none;
            color: black;
        }
        .footer_r_1{
            zoom:1;
            padding-bottom: 10px;
        }
        .footer_r_1_a{
            float: left;
            display: block;
            width: 98px;
            height: 27px;
            line-height: 27px;
            text-align: center;
            background-color: #ff1268;
            color: #fff;
            font-size: 14px;
            border-radius: 20px;
        }
        .footer_r_words{
            padding-bottom: 6px;
        }
        .footer_r_words_word{
            float: left;
            font-size: 13px;
            color: #111;

        }
        .footer_r_words_line{
            float: left;
            padding: 0 15px;
        }

    </style>

</head>
<body>
<div id="app">
<el-container>

    <my-header></my-header>
    <el-main class="center" style="margin-top: 10px">
        <el-carousel>
            <el-carousel-item>
                <img src="./imgs/首页轮播图.jpg" style="width: 100%;height: 100%" >
            </el-carousel-item>
        </el-carousel>
        <div class="main_content">
            <el-row gutter="20" style="margin:10px; ">
                <span style="font-size: 22px; color:black;float: left">演唱会</span>
                <span style="font-size: 14px;color:#e8e8e8 ;float: right">查看全部</span>
                <a href="">
                    <el-col span="6" class="main_content_2"  v-for="(item, index) in indexArr.slice(0, 7)" :key="index" >
                        <div class="image-container">
                            <img :src="item.imgUrl" style="height: 382px;width: 222px">
                            <div class="text-overlay">
                                <div class="title_p" >{{item.title}}</div>
                                <p>{{item.price}}</p>
                            </div>
                        </div>
                    </el-col>
                </a>

                <el-col span="18" class="main_content_3">
                    <el-row class="main_content_3_1" v-for="item in indexArr">
                        <el-col span="12"  >
                            <img :src="item.imgUrl" width="110px" height="164px">
                        </el-col>
                        <el-col span="12"  >
                            <p class="title_p" ><a style="font-size: 14px;cursor: pointer">{{item.title}}</a></p>

                            <p class="title_p_actor"><a style="color: #9ba7c3 ;font-size: 12px">{{item.actor}}</a></p>
                            <p class="title_p"><a style="color: #9ba7c3 ;font-size: 12px;">{{item.time}}</a></p>
                            <p class="title_p_city"><a style="color: #9ba7c3 ;font-size: 12px;">{{item.city}}</a></p>

                            <div class="price_container">
                                <div class="price_container_content">
                                    {{item.price}}
                                </div>
                            </div>

                        </el-col>
                    </el-row>



                </el-col>


            </el-row>
        </div>
        <div class="main_content">
            <el-row gutter="20" style="margin:10px; ">
                <span style="font-size: 22px; color:black;float: left">话剧歌剧</span>
                <span style="font-size: 14px;color:#e8e8e8 ;float: right">查看全部</span>
                <a href="">
                    <el-col span="6" class="main_content_2" v-for="item in indexArr2" >
                        <div class="image-container">
                            <img :src="item.imgUrl" style="height: 382px;width: 222px">
                            <div class="text-overlay">
                                <div class="title_p" >{{item.title}}</div>
                                <p>{{item.price}}</p>
                            </div>
                        </div>
                    </el-col>
                </a>

                <el-col span="18" class="main_content_3">
                    <el-row class="main_content_3_1" v-for="item in indexArr2">
                        <el-col span="12"  >
                            <img :src="item.imgUrl" width="110px" height="164px">
                        </el-col>
                        <el-col span="12"  >
                            <p class="title_p" ><a style="font-size: 14px;cursor: pointer">{{item.title}}</a></p>

                            <p class="title_p_actor"><a style="color: #9ba7c3 ;font-size: 12px">{{item.actor}}</a></p>
                            <p class="title_p"><a style="color: #9ba7c3 ;font-size: 12px;">{{item.time}}</a></p>
                            <p class="title_p_city"><a style="color: #9ba7c3 ;font-size: 12px;">{{item.city}}</a></p>

                            <div class="price_container">
                                <div class="price_container_content">
                                    {{item.price}}
                                </div>
                            </div>

                        </el-col>
                    </el-row>



                </el-col>


            </el-row>
        </div>
        <div class="main_content">
            <el-row gutter="20" style="margin:10px; ">
                <span style="font-size: 22px; color:black;float: left">曲苑杂坛</span>
                <span style="font-size: 14px;color:#e8e8e8 ;float: right">查看全部</span>
                <a href="">
                    <el-col span="6" class="main_content_2" v-for="item in indexArr3" >
                        <div class="image-container">
                            <img :src="item.imgUrl" style="height: 382px;width: 222px">
                            <div class="text-overlay">
                                <div class="title_p" >{{item.title}}</div>
                                <p>{{item.price}}</p>
                            </div>
                        </div>
                    </el-col>
                </a>

                <el-col span="18" class="main_content_3">
                    <el-row class="main_content_3_1" v-for="item in indexArr3">
                        <el-col span="12"  >
                            <img :src="item.imgUrl" width="110px" height="164px">
                        </el-col>
                        <el-col span="12"  >
                            <p class="title_p" ><a style="font-size: 14px;cursor: pointer">{{item.title}}</a></p>

                            <p class="title_p_actor"><a style="color: #9ba7c3 ;font-size: 12px">{{item.actor}}</a></p>
                            <p class="title_p"><a style="color: #9ba7c3 ;font-size: 12px;">{{item.time}}</a></p>
                            <p class="title_p_city"><a style="color: #9ba7c3 ;font-size: 12px;">{{item.city}}</a></p>

                            <div class="price_container">
                                <div class="price_container_content">
                                    {{item.price}}
                                </div>
                            </div>

                        </el-col>
                    </el-row>



                </el-col>


            </el-row>
        </div>
        <div class="main_content">
            <el-row gutter="20" style="margin:10px; ">
                <span style="font-size: 22px; color:black;float: left">体育</span>
                <span style="font-size: 14px;color:#e8e8e8 ;float: right">查看全部</span>
                <a href="">
                    <el-col span="6" class="main_content_2" v-for="item in indexArr4" >
                        <div class="image-container">
                            <img :src="item.imgUrl" style="height: 382px;width: 222px">
                            <div class="text-overlay">
                                <div class="title_p" >{{item.title}}</div>
                                <p>{{item.price}}</p>
                            </div>
                        </div>
                    </el-col>
                </a>

                <el-col span="18" class="main_content_3">
                    <el-row class="main_content_3_1" v-for="item in indexArr4">
                        <el-col span="12"  >
                            <img :src="item.imgUrl" width="110px" height="164px">
                        </el-col>
                        <el-col span="12"  >
                            <p class="title_p" ><a style="font-size: 14px;cursor: pointer">{{item.title}}</a></p>

                            <p class="title_p_actor"><a style="color: #9ba7c3 ;font-size: 12px">{{item.actor}}</a></p>
                            <p class="title_p"><a style="color: #9ba7c3 ;font-size: 12px;">{{item.time}}</a></p>
                            <p class="title_p_city"><a style="color: #9ba7c3 ;font-size: 12px;">{{item.city}}</a></p>

                            <div class="price_container">
                                <div class="price_container_content">
                                    {{item.price}}
                                </div>
                            </div>

                        </el-col>
                    </el-row>



                </el-col>


            </el-row>
        </div>


    </el-main>
    <el-footer style="background-color: #f8f8f8;height: 280px; margin:0 auto;width: 100%;">

        <div class="center" style="color: #666;text-align: center;margin:0;width: 100%" >
            <div style="height: 80px;line-height:15px;margin: 0 ">
                <ul class="footer_links" >
                    <li class="footer_links_list"><a href="">帮助中心</a></li>
                    <li class="footer_links_list">|</li>
                    <li class="footer_links_list"><a href="">公司介绍</a></li>
                    <li class="footer_links_list">|</li>
                    <li class="footer_links_list"><a href="">品牌识别</a></li>
                    <li class="footer_links_list">|</li>
                    <li class="footer_links_list"><a href="">公司大事记</a></li>
                    <li class="footer_links_list">|</li>
                    <li class="footer_links_list"><a href="">协议及隐私政策</a></li>
                    <li class="footer_links_list">|</li>
                    <li class="footer_links_list"><a href="">廉政举报</a></li>
                    <li class="footer_links_list">|</li>
                    <li class="footer_links_list"><a href="">联系合作</a></li>
                    <li class="footer_links_list">|</li>
                    <li class="footer_links_list"><a href="">招聘信息</a></li>
                    <li class="footer_links_list">|</li>
                    <li class="footer_links_list"><a href="">防骗秘籍</a></li>

                </ul>
            </div>
            <div style="height: 170px;margin: 10px ">
                <el-row gutter="20">
                    <el-col span="8">
                        <img src="./imgs/首页log1.jpg" style="width:167px;height: 60px ;margin:15px" >
                        <img src="./imgs/二维码.jpg" style="width:87px;height: 87px;margin-right:30px">
                    </el-col>
                    <el-col span="16">
                        <div class="footer_r_1">
                            <a href="" class="footer_r_1_a">在线客服</a>
                        </div><br>


                        <ul class="footer_r_words">
                            <li class="footer_r_words_word">
                                <a href="">京ICP证031057号</a>
                            </li>
                            <li class="footer_r_words_line">|</li>
                            <li class="footer_r_words_word">
                                <a href="">京ICP备11043884号</a>
                            </li>
                            <li class="footer_r_words_line">|</li>
                            <li class="footer_r_words_word">
                                <a href="">京公网安备11010502037341号</a>
                            </li>
                            <li class="footer_r_words_line">|</li>
                            <li class="footer_r_words_word">
                                <a href="">广播电视节目制作经营许可证(京)字第02253号</a>
                            </li>
                            <br>
                            <li class="footer_r_words_word">
                                <a href="">网络文化经营许可证 京网文[2023]1649-054号</a>
                            </li>
                            <li class="footer_r_words_line">|</li>
                            <li class="footer_r_words_word">
                                <a href="">营业性演出许可证京市演587号</a>
                            </li>
                            <br>
                            <li class="footer_r_words_word">
                                北京大麦文化传媒发展有限公司 版权所有大麦网Copyright 2003-2020 All Rights Reserved
                            </li>
                            <br>
                            <li class="footer_r_words_word">
                                举报投诉：damai_tousu@member.alibaba.com 浙江省杭州市余杭区文一西路969号
                            </li>
                            <br>
                            <li class="footer_r_words_word">
                                违法不良信息举报电话：020-62108294

                            </li>
                        </ul>
                        <br>
                        <img src="./imgs/首页电子执照.jpg " style="width: 100px;height: 30px ;float:left">
                        <img src="./imgs/首页pci.jpg" style="width: 57px;height:30px ;float:left">
                        <img src="./imgs/首页log1.jpg" style="width: 45px;height: 30px ;float:left">
                    </el-col>

                </el-row>

            </div>
            <div style="height: 15px;line-height:15px;margin: 0 ">

            </div>
        </div>

    </el-footer>

</el-container>
</div>
</body>
<!-- import Vue before Element -->
<script src="https://cdn.staticfile.org/vue/2.6.14/vue.min.js"></script>
<!-- import JavaScript -->
<script src="https://cdn.staticfile.org/element-ui/2.15.9/index.min.js"></script>
<script src="js/my-header.js"></script>
<script src="js/my-footer.js"></script>
<script>
    let v = new Vue({
        el: '#app',
        data: function () {
            return {
                indexArr:[
                    {
                        "imgUrl":"https://img.alicdn.com/bao/uploaded/https://img.alicdn.com/imgextra/i2/2251059038/O1CN01i62cS72GdSV4wvl9D_!!2251059038.jpg",
                        "title":"2023烟台养马岛音乐节",
                        "category":"演唱会",
                        "price":"249.0元起",
                        "price_str":"249-520",
                        "actor":"艺人：罗大佑、杨乃文、黑豹乐队等",
                        "time":"2023.07.29-07.30",
                        "city":"烟台"},
                    {
                        "imgUrl":"https://img.alicdn.com/bao/uploaded/https://img.alicdn.com/imgextra/i3/2251059038/O1CN01MylYnB2GdSUbqi8ax_!!2251059038.jpg",
                        "title":"大船文化 ·《迪士尼“梦与希望”巡回演唱会·上海站》",
                        "category":"演唱会",
                        "price":"80.0元起",
                        "price_str":"80-680",
                        "actor":"",
                        "time":"2023.07.17-07.18",
                        "city":"上海"},

                    {
                        "imgUrl":"https://img.alicdn.com/bao/uploaded/https://img.alicdn.com/imgextra/i3/2251059038/O1CN01T3tED62GdSUpxavee_!!2251059038.jpg",
                        "title":"千里山海沙滩音乐节",
                        "category":"演唱会",
                        "price":"198.0元起",
                        "price_str":"198-728",
                        "actor":"艺人：老狼、万能青年旅店队等",
                        "time":"2023.07.15-07.16",
                        "city":"威海"},

                    {
                        "imgUrl":"https://img.alicdn.com/bao/uploaded/https://img.alicdn.com/imgextra/i2/2251059038/O1CN01WNZwwo2GdSV51d5kf_!!2251059038.png",
                        "title":"百里荒青燥音乐节",
                        "category":"演唱会",
                        "price":"199.0元起",
                        "price_str":"199-498",
                        "actor":"艺人：隔壁老樊、队长YoungCaptain等",
                        "time":"2023.07.15 周六",
                        "city":"宜昌"},

                    {
                        "imgUrl":"https://img.alicdn.com/bao/uploaded/i4/2251059038/O1CN01dm3fM32GdSUKXrphO_!!2251059038.jpg",
                        "title":"2023 林志炫 one take 2.0 我忘了我已老去 世界巡回演唱会-福州站",
                        "category":"演唱会",
                        "price":"380.0元起",
                        "price_str":"380-1280",
                        "actor":"艺人：林志炫",
                        "time":"2023.11.11 周六 20:00",
                        "city":"福州"},

                    {
                        "imgUrl":"https://img.alicdn.com/bao/uploaded/i3/2251059038/O1CN01b1PFjs2GdSUvq1h6h_!!2-item_pic.png",
                        "title":"【无锡】8.19日夏日奥斯卡狂欢电音节/无锡最火奥斯卡剧院式酒吧",
                        "category":"演唱会",
                        "price":"49.9元起",
                        "price_str":"49.9-399.9",
                        "actor":"",
                        "time":"2023.08.19 周六 14:00",
                        "city":"无锡"},
                    {
                        "imgUrl":"https://img.alicdn.com/bao/uploaded/https://img.alicdn.com/imgextra/i1/2251059038/O1CN01U7F2Mp2GdSUxZKvu4_!!2251059038.jpg",
                        "title":"黄霄雲2023「打开」广州演唱会",
                        "category":"演唱会",
                        "price":"188.0元起",
                        "price_str":"188-988",
                        "actor":"艺人：黄霄雲",
                        "time":"2023.08.19-08.20",
                        "city":"广州"}

                ],
                indexArr2:[
                    {
                        "imgUrl":"https://img.alicdn.com/bao/uploaded/i1/2251059038/O1CN01oCO8sX2GdSUqpj8Nk_!!2251059038.jpg",
                        "title":"【俄罗斯原版引进】2023普鲁申科梦幻冰秀亚洲首演《天鹅湖》、《胡桃夹子》",
                        "category":"话剧歌剧",
                        "price":"280.0元起",
                        "price_str":"280-2023",
                        "actor":"",
                        "time":"2023.08.04-08.13",
                        "city":"北京"},
                    {
                        "imgUrl":"https://img.alicdn.com/bao/uploaded/https://img.alicdn.com/imgextra/i2/2251059038/O1CN01fh0CEk2GdSV2eIO2u_!!2251059038.png",
                        "title":"【暑期档】开心麻花年度巨制音乐剧《独行月球》",
                        "category":"话剧歌剧",
                        "price":"80.0元起",
                        "price_str":"80-1180",
                        "actor":"",
                        "time":"2023.08.03-08.13",
                        "city":"上海"},
                    {
                        "imgUrl":"https://img.alicdn.com/bao/uploaded/https://img.alicdn.com/imgextra/i1/2251059038/O1CN017exd6b2GdSUmqSBc8_!!2251059038.png",
                        "title":"[明星加盟]开心麻花摇滚喜剧《牢友记》",
                        "category":"话剧歌剧",
                        "price":"80.0元起",
                        "price_str":"80-1280",
                        "actor":"艺人：黄龄",
                        "time":"2023.07.28-08.05",
                        "city":"杭州"},
                    {
                        "imgUrl":"https://img.alicdn.com/bao/uploaded/https://img.alicdn.com/imgextra/i1/2251059038/O1CN01b2k8H72GdSUczJmB7_!!2251059038.jpg",
                        "title":"2023VAC电音节",
                        "category":"演唱会",
                        "price":"680.0元起",
                        "price_str":"680-1680",
                        "actor":"",
                        "time":"2023.11.04-11.05",
                        "city":"仙桃"},
                    {
                        "imgUrl":"https://img.alicdn.com/bao/uploaded/https://img.alicdn.com/imgextra/i1/2251059038/O1CN01MliJPN2GdSV06bNWE_!!2251059038.png",
                        "title":"【死之咏赞】音乐剧《阴天》",
                        "category":"话剧歌剧",
                        "price":"180.0元起",
                        "price_str":"180-580",
                        "actor":"艺人：黄龄、钟舜傲、赵伟钢、郭嘉轩、钟嘉诚、崔秀丽",
                        "time":"2023.08.04-08.17",
                        "city":"上海"},
                    {
                        "imgUrl":"https://img.alicdn.com/bao/uploaded/https://img.alicdn.com/imgextra/i1/2251059038/O1CN01jMeQf82GdSUe8z3AE_!!2251059038.png",
                        "title":"开心麻花喜剪吹沉浸剧场《 疯狂理发店 》",
                        "category":"话剧歌剧",
                        "price":"188.0元起",
                        "price_str":"188-498",
                        "actor":"",
                        "time":"2023.07.14-07.23",
                        "city":"南京"},
                    {
                        "imgUrl":"https://img.alicdn.com/bao/uploaded/i3/2251059038/O1CN01eZZvnB2GdSUmiXUdn_!!0-item_pic.jpg",
                        "title":"开心麻花爆笑舞台剧《贼想得到你》",
                        "category":"话剧歌剧",
                        "price":"100.0元起",
                        "price_str":"100-1320",
                        "actor":"",
                        "time":"2023.08.04-08.06",
                        "city":"武汉"}



                ],
                indexArr3:[
                    {
                        "imgUrl":"https://img.alicdn.com/bao/uploaded/i2/2251059038/O1CN01LMawDR2GdSV0aFRsg_!!0-item_pic.jpg",
                        "title":"“永庆安澜”—2023德云社张九龄·王九龙相声专场重庆站",
                        "category":"曲苑杂坛",
                        "price":"280.0元起",
                        "price_str":"280-1280",
                        "actor":"艺人：张九龄、王九龙",
                        "time":"2023.07.27 周四 19:30",
                        "city":"重庆"},
                    {
                        "imgUrl":"https://img.alicdn.com/bao/uploaded/i3/2251059038/O1CN01HH4yD92GdSV7LDDi9_!!0-item_pic.jpg",
                        "title":"德永庆安澜-2023云社张鹤伦 郎鹤炎相声专场演出-包头站",
                        "category":"曲苑杂坛",
                        "price":"280.0元起",
                        "price_str":"280-1280",
                        "actor":"艺人：张鹤伦、郎鹤炎",
                        "time":"2023.08.10 周四 19:30",
                        "city":"包头"},
                    {
                        "imgUrl":"https://img.alicdn.com/bao/uploaded/https://img.alicdn.com/imgextra/i2/2251059038/O1CN01Vpx6Bi2GdSUzzXY6V_!!2251059038.jpg",
                        "title":"麒麟剧社全国巡演-武汉站《狸猫换太子》",
                        "category":"曲苑杂坛",
                        "price":"88.0元起",
                        "price_str":"88-1188",
                        "actor":"艺人：郭德纲",
                        "time":"2023.07.27 周四 19:30",
                        "city":"武汉"},
                    {
                        "imgUrl":"https://img.alicdn.com/bao/uploaded/https://img.alicdn.com/imgextra/i2/2251059038/O1CN01GkNz2e2GdSV0Qm7BH_!!2251059038.jpg",
                        "title":"麒麟剧社全国巡演-武汉站《济公活佛》第五本",
                        "category":"曲苑杂坛",
                        "price":"88.0元起",
                        "price_str":"88-1188",
                        "actor":"艺人：郭德纲",
                        "time":"2023.07.28 周五 19:30",
                        "city":"武汉"},
                    {
                        "imgUrl":"https://img.alicdn.com/bao/uploaded/i1/2251059038/O1CN01VocoLu2GdSUyKjw0C_!!2-item_pic.png",
                        "title":"【魔脱喜剧】丨广州塔五一影城店丨每周一至周日爆笑欢乐脱口秀",
                        "category":"曲苑杂坛",
                        "price":"29.0元起",
                        "price_str":"29-150",
                        "actor":"",
                        "time":"2023.07.14-07.31",
                        "city":"广州"},
                    {
                        "imgUrl":"https://img.alicdn.com/bao/uploaded/https://img.alicdn.com/imgextra/i3/2251059038/O1CN01SCO76D2GdSUocFo6z_!!2251059038.jpg",
                        "title":"单立人喜剧｜新·新喜剧·剧《OOPS! WVVW》（又名《断网》）",
                        "category":"曲苑杂坛",
                        "price":"180.0元起",
                        "price_str":"180-580",
                        "actor":"艺人：鑫仔、赖铭佳、郑翔月、企鹅、六兽、宇轩、老宅、赵梓辰、林应豪",
                        "time":"2023.09.01-09.03",
                        "city":"杭州"},
                    {
                        "imgUrl":"https://img.alicdn.com/bao/uploaded/i1/2251059038/O1CN01MTCG3g2GdSV3nCVjl_!!2-item_pic.png",
                        "title":"【贰叁叁脱口秀】爆笑精品秀|每周特惠 每周三半价|淮海中路",
                        "category":"曲苑杂坛",
                        "price":"29.0元起",
                        "price_str":"29-196",
                        "actor":"",
                        "time":"2023.07.14-07.31",
                        "city":"上海"}
                ],
                indexArr4:[
                    {
                        "imgUrl":"https://img.alicdn.com/bao/uploaded/i1/2251059038/O1CN012RI0hf2GdSVBCtR6q_!!0-item_pic.jpg",
                        "title":"2023年全国羽毛球单项锦标赛",
                        "category":"体育",
                        "price":"38.0元起",
                        "price_str":"38-298",
                        "actor":"",
                        "time":"2023.08.06-08.13",
                        "city":"宁波"},
                    {
                        "imgUrl":"https://img.alicdn.com/bao/uploaded/https://img.alicdn.com/imgextra/i3/2251059038/O1CN01n1g8nv2GdSVAgDWTd_!!2251059038.png",
                        "title":"贵州习酒杯·2023年·遵义中国乒乓球俱乐部超级联赛",
                        "category":"体育",
                        "price":"20.0元起",
                        "price_str":"20-60",
                        "actor":"",
                        "time":"2023.07.15-07.20",
                        "city":"遵义"},
                    {
                        "imgUrl":"https://img.alicdn.com/bao/uploaded/https://img.alicdn.com/imgextra/i4/2251059038/O1CN01XQWsv22GdSVCi5DzD_!!2251059038.jpg",
                        "title":"2023夏季篮球对抗赛（营口鲅鱼圈站）辽宁本钢VS山东高速",
                        "category":"体育",
                        "price":"180.0元起",
                        "price_str":"180-1280",
                        "actor":"",
                        "time":"2023.07.26 周三 19:35",
                        "city":"营口"},
                    {
                        "imgUrl":"https://img.alicdn.com/bao/uploaded/https://img.alicdn.com/imgextra/i1/2251059038/O1CN01AECqTR2GdSUfvyidc_!!2251059038.jpg",
                        "title":"2023国际团结杯篮球赛(赛季套票)",
                        "category":"体育",
                        "price":"1990.0元起",
                        "price_str":"1990-3990",
                        "actor":"",
                        "time":"2023.08.20-08.21",
                        "city":"深圳"},
                    {
                        "imgUrl":"https://img.alicdn.com/bao/uploaded/i1/2251059038/O1CN012RI0hf2GdSVBCtR6q_!!0-item_pic.jpg",
                        "title":"2023年全国羽毛球单项锦标赛",
                        "category":"体育",
                        "price":"38.0元起",
                        "price_str":"38-298",
                        "actor":"",
                        "time":"2023.08.06-08.13",
                        "city":"宁波"},
                    {
                        "imgUrl":"https://img.alicdn.com/bao/uploaded/https://img.alicdn.com/imgextra/i4/2251059038/O1CN01zlHhGt2GdSV0JSMHS_!!2251059038.jpg",
                        "title":"2023NBL全国男子篮球联赛石家庄赛区",
                        "category":"体育",
                        "price":"30.0元起",
                        "price_str":"30-80",
                        "actor":"",
                        "time":"2023.07.19-08.27",
                        "city":"石家庄"},
                    {
                        "imgUrl":"https://img.alicdn.com/bao/uploaded/i4/2251059038/O1CN018mkz5K2GdSUmW8dzD_!!0-item_pic.jpg",
                        "title":"2023全国男子篮球联赛（NBL安徽文一主场）",
                        "category":"体育",
                        "price":"50.0元起",
                        "price_str":"50-518",
                        "actor":"",
                        "time":"2023.07.21-08.13",
                        "city":"合肥"}
                ]
            }
        },
        methods: {

        }
    })
</script>
</html>